import React from 'react';
import ReactDOM from 'react-dom';
import MyFuncComp from './func-components';
import MyClassComp from './class-components'
// ReactDOM.render(MyFuncComp(), document.getElementById('root'));
const comp = <MyFuncComp></MyFuncComp>
console.log(comp) //使用组件，生成的，仍然是一个React元素，变化的，只是type值

console.log(<MyClassComp />)
const symbols = [];
for (const key of Object.getOwnPropertySymbols(window)) {
  if (Symbol.keyFor(key) === undefined) {
    symbols.push(key);
  }
}

console.log(symbols);
// console.log(Symbol.keyFor())
ReactDOM.render(<>
<MyFuncComp number="2"/>
<MyFuncComp number={1}/>
<MyClassComp number="2" ennable={true} obj={{
  a:1,
  b:2
}}  
  span={<span>传入span元素</span>}
/>
<MyClassComp number={1}/>
</>, document.getElementById('root'));